<div class="box_login">
<a href="javascript:void(0);">Đăng nhập</a> | <a href="javascript:void(0);">Đăng ký</a></div>

<div id="login_container">
<div class="close_">
	Đóng
</div>
<form action="javascript://" name="registerform" class="ajax-login-default-form-container register_form wide">
	<div id="login_box">
		<div class="header_">
			ĐĂNG KÝ THÀNH VIÊN
		</div>
		<div class="content_">
			<div class="field_ email">
				<input name="email" type="text" placeholder="Email thành viên" class="user_email ajax-login-register-validate-email" required value="">
			</div>
			<div class="field_ username">
				<input name="login" type="text" placeholder="Tên đăng nhập" required class="user_login" value="">
			</div>
			<div class="field_ pw">
				<input name="password" type="password" placeholder="Mật khẩu" required value="">
			</div>
			<div class="field_ pw">
				<input name="confirm_password" type="password" placeholder="Nhập lại mật khẩu" value="">
			</div>
			<div class="button_">
				<input name="register" type="submit" value="Đăng ký">
			</div>
		</div>
	</div>
</form>


<form action="javascript://" class="ajax-login-default-form-container login_form wide">
	<div id="register_box">
		<div class="header_">
			BẠN ĐÃ LÀ THÀNH VIÊN
		</div>
		<div class="content_">
			<div class="field_ username">
				<input name="user_login" type="text" placeholder="Tên đăng nhập" value="">
			</div>
			<div class="field_ pw">
				<input name="password" type="password" placeholder="Mật khẩu" value="">
			</div>
			<div class="button_">
				<input name="submit" type="submit" value="Đăng nhập">
			</div>
		</div>
		<div id="login_openid">
			<div class="header_">
				<span>HOẶC ĐĂNG NHẬP VỚI</span>
			</div>
			<div class="content_">
				<a href="http://gamehaynhat.com/dang-nhap-facebook.html" class="fb-login"><img src="http://gamehaynhat.com/template/braygames/images/faicon.gif"> </a>
			</div>
		</div>
	</div>
</form>
<div class="cls"></div>
<div class="banner_slogan">
	<!-- bannerdangnhap-468x60-toantrang-desktop -->
	
</div>
</div>

<script type="text/javascript">
	$(function (){

		$('.register-link').click(function (e){
			try {
			if ($('.ajax-login-register-login-container').dialog('isOpen')
			&& !jQuery(e.target).is('.ui-dialog, a')
			&& !jQuery(e.target).closest('.ui-dialog').length
			) {
				$('.ajax-login-register-login-container').dialog('close');
			}} catch (e){}
			try {
			if ($('.ajax-login-register-register-container').dialog('isOpen')
			&& !jQuery(e.target).is('.ui-dialog, a')
			&& !jQuery(e.target).closest('.ui-dialog').length
			) {
				$('.ajax-login-register-register-container').dialog('close');
			}} catch (e){}
		});

		$('.login-link').click(function (){
			$('.ajax-login-register-login-container').dialog({
				modal: true,
				closeOnEscape: true,resizable: false
			});
			$("span.ui-button-text").text('[x] Đóng lại');
			return false;
		});
		$('.register-link').click(function (){
			$('.ajax-login-register-register-container').dialog({
				modal: true,closeOnEscape: true,resizable: false
			});
			$("span.ui-button-text").text('[x] Đóng lại');
			return false;
		});

		//$('.ui-widget-overlay.ui-front').click(function (){
		//	$('.ui-dialog.ui-widget.ui-widget-content').css({'display':'none'});
		//	$(this).css({'display':'none'});
			//alert('dadsasasa');
		//})

		
		






		//
		$loginfrm = $('.login_form');
		$regfrm = $('.register_form');
		$loginfrm.submit(function (){
			var euserlogin = $loginfrm.find('[name="user_login"]');
			var epasswd = $loginfrm.find('[name="password"]');
			var esubmit = $loginfrm.find('[type="submit"]');
			$(esubmit).unbind('mouseenter mouseleave');
			if ($(euserlogin).val() && $(epasswd).val()) {			
				$.post ('<?php echo base_module_url('user', 'login'); ?>', {
					user_login: $(euserlogin).val(),
					password: $(epasswd).val(),
				}, function (re){
					if (re =='1') {
						//success
						$(euserlogin).addClass('inputok');
						$(epasswd).addClass('inputok');
						//alert("Đăng nhập thành công!");
						location.reload();
						
					}else {
						$(euserlogin).addClass('inputerror');
						$(epasswd).addClass('inputerror');
						alert("Tên đăng nhập hoặc mật khẩu không đúng.");
					}
				});
			} else {
				$(euserlogin).addClass('inputerror');
				$(epasswd).addClass('inputerror');
				alert('Vui lòng điền tên đăng nhập và mật khẩu');
			}
			return false;
		});
		
		//
		var regex_mail = new RegExp(<?php echo $this->muser->regex_email ; ?>);
		var username_regex = new RegExp(<?php echo $this->muser->regex_username ; ?>);
		
		$form = $('[name="registerform"]');
		$regfrm.submit(function (){
		$form.find('[name="email"]').change(function  (){
			
			if (regex_mail.test(this.value)) {
				$(this).unbind('mouseenter mouseleave');
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
						field: 'email',
						value: this.value
						} ,function (re){
							if (re == '0') {
								$(dis).addClass('inputok');
								$(dis).removeClass('inputerror');
							}else {
								$(dis).removeClass('inputok');
								$(dis).addClass('inputerror');
								alert('Email này đã được sử dụng. Vui lòng chọn email khác.');
							}
					})
				
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert("Email không đúng định dạng.");
			}
		});
		
		$form.find('[name="login"]').change(function (){
			if (username_regex.test(this.value)) {
				var dis = this;
				$.post('<?php echo base_module_url('user', 'exists'); ?>',{
					field: 'account',
					value: this.value
					} ,function (re){
					console.log(re);
					if (re == '0') {
						$(dis).addClass('inputok');
						$(dis).removeClass('inputerror');
						}else {
						$(dis).removeClass('inputok');
						$(dis).addClass('inputerror');
						alert('Tên đăng nhập này đã được sử dụng. Vui lòng chọn tên đăng nhập khác.');
					}
				})
				
				}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Tên đăng nhập không đúng định dạng. <br /> Tên đăng nhập chỉ được sử dụng các kí tự <br />a-zA-Z0-9 và dấu chấm (.)');
			}
		});
		});
		$form.find('[name="password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value) {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}else {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Cần điền mật khẩu');
			}
		});
		$form.find('[name="confirm_password"]').change(function (){
			$(this).unbind('mouseenter mouseleave');
			if (this.value && this.value != $form.find('[name="password"]').val()) {
				$(this).removeClass('inputok');
				$(this).addClass('inputerror');
				alert('Hai mật khẩu không giống nhau');
			}else {
				$(this).removeClass('inputerror');
				$(this).addClass('inputok');
			}
		});
		
		$form.submit(function (){
			var inputs = ['email', 'confirm_password','password','login'];
			var data = {};
			for(index in inputs) {
				element = $form.find('[name="'+inputs[index]+'"]');
				if (element && element.hasClass('inputerror')) {
					alert('Thông tin chưa chính xác.Vui lòng kiểm tra lại.');
					return false;
				}
				data[inputs[index]] = $(element).val();
			}
			//posting to reg;
			$.post('<?php echo base_module_url('user', 'register'); ?>',
				data, function (respone){
					try {
						var obj = JSON.parse(respone);
						alert(obj.msg);
						if (obj.code > 0) {
							//$('.ajax-login-register-register-container').dialog('123');
							//alert("Đăng ký thành công! Đang tiến hành đăng nhập tự động...");
							location.reload();
						}
					}catch (e){
						alert('Tên đăng nhập hoặc email đã tồn tại, vui lòng nhập lại thông tin.');
					}
				});
			return true;
		});
	});
	
</script>
<style type="text/css">
	form .inputok {
		border: 1px solid rgb(27, 170, 0) !important;
	}
	form .inputerror{
		border: 1px solid rgb(204, 0, 0) !important;
	}
	.ui-dialog {
	width: 605px !important;
	}
	span.ui-button-text {
	margin-top: 4px;
	display: block;
	margin-right: 13px;
	font-size: 14px;
	}
</style>